<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
<!--
            form: 用于定义表单的 可以定义一个范围,范围代表采集用户数据的范围
                        属性:
                            action: 指定提交数据的URL
                            method: 指定提交方式
                                分类: 一共7种,2种比较常用
                                    get:
                                        1.请求参数会在地址栏中显示 会封装到请求行中
                                        2.请求参数大小是有限制的
                                        3.不太安全
                                    post:
                                        1.请求参数不会在地址栏中显示 会封装在请求体中
                                        2.请求参数的大小没有限制
                                        3.较为安全

                        表单项中的数据要想被提交: 必须指定其name属性
-->
<form action="#" method="get">
    <label for="username">用户名:</label><input type="text" name="username" placeholder="请输入用户名" id="username" /><br>
    <label for="password">密码:</label><input name="password" placeholder="请输入密码" id="password" /><br>
    <label for="gender">性别:</label><input type="radio" name="gender" value="male" id="gender" >男
        <input type="radio" name="gender" value="female" checked>女<br>
    <label for="hobby">爱好:</label><input type="checkbox" name="hobby" value="shopping" id="hobby">逛街
        <input type="checkbox" name="hobby" value="Java">Java
        <input type="checkbox" name="hobby" value="game">游戏
    <br>
    图片:<input type="file" name="file"><br>
    隐藏域:<input type="hidden" name="id" value="aaa"><br>

    取色器:<input type="color" name="color"><br>
    生日:<input type="date" name="date"><br>
    生日:<input type="datetime-local" name="datetime-local"><br>
    邮箱:<input type="email" name="email"><br>
    年龄:<input type="number" name="age"><br>

    省份:
    <select name="province">
        <option value="">--请选择--</option>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">四川</option>
    </select>
    自我描述:
    <textarea cols="20" rows="5" name="des"></textarea>
    <input type="submit" value="登陆"/>
    <input type="button" value="一个按钮">
    <input type="image" src="img/小埋1.jpeg">
</form>

</body>
</html>